{% extends "layout.html" %}

{% block title %}Lancement facture{% endblock %}

{% block content %}
<!-- script pour modif odre affichage -->
<script type="text/javascript"> if (window.jQuery == undefined) document.write( unescape('%3Cscript src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"%3E%3C/script%3E') );</script>
<script type="text/javascript" src="js/vendor/jquery.tablesorter.min.js"></script>
<script>
	$(function(){
  $("#myTable").tablesorter();
});
</script>

    
<div class="row">
	
	 <!-- tROISIEME colonne -->
 <div class="span11">
	  <fieldset>
		<legend>Récapitulatif facturations</legend>

	<table class="table table-striped tablesorter" id="myTable" >
	  <thead>
	  <tr>
	  <th>Facture</th>
      <th>Type</th>
      <th>Télécharger</th>
      </tr>
	  </thead>
	 {% for facture in factures %}
	<tr>
	  <td>{{facture.mois}}/{{facture.annee}} </td>
      <td>{{facture.type}} </td>
	  <td><a href="facture/{{facture.mois}}{{facture.annee}}/{{facture.fichier}}" target="_blank"><img src="img/pdf-logo.jpg" width="25px" border="0" /></a></td>
	  </tr>
    {% endfor %}						
	  </table>
        
    </fieldset>
    </div>
    </div>
   
    

{% endblock %}
	
